<layout name='layout_page' />
<link rel="stylesheet" href="<{:STATICS}>/centaurus/css/libs/timeline.css" type="text/css"/>

<div class="row">
	<div class="col-lg-12">
		<div class="row">
			<div class="col-lg-12">
				<ol class="breadcrumb">
					<li><a href="<{:U('Index/index')}>">Home</a></li>
					<li class="active"><span>Training plan</span></li>
				</ol>
				<h1>Training plan</h1>
			</div>
		</div>


		<div class="row">
			<div class="col-lg-4">
				<div class="main-box no-header clearfix">
					<div class="main-box-body clearfix">
						<form id="ajaxForm" action="#" method="post" class="form-horizontal form-validata">
							<div class="form-group menteesBase">
								<img src="<{$mentees['face']|getFace=###}>">
								<p><{$mentees['nickname']}><br/><span class="label label-primary"><{$mentees['trainItem']}></span></p>
							</div>	

							<div class="form-group">
								<label>Title</label>
								<p><{$plan['title']}></p>
							</div>	

							<div class="form-group">
								<label>Time</label>
								<p><{$plan['startTime']|date="m/d/Y",###}> - <{$plan['endTime']|date="m/d/Y",###}></p>
							</div>	

							<div class="form-group">
								<label for="exampleTextarea">Descriptions</label>
								<p><{$plan['content']}></p>
							</div>	

							<div class="form-group">				
								<a href="<{:U('Plan/edit',array('id'=>$plan['id']))}>" class="btn btn-success">Edit Plan</a>
								<a href="<{:U('Plan/del',array('id'=>$plan['id']))}>" class="btn btn-danger" onClick="if(!confirm('Cannot be recovered after deletion!'))return false;">Delete</a>
								<button type="button" class="btn btn-primary" onclick="openWindow('Create Node','<{:U('Plan/addnode',array('planID'=>$plan['id']))}>')">
								<i class="fa fa-plus"></i>
								Create node
								</button>		
							</div>
						</form>
					</div>
				</div>
			</div>

			<div class="col-lg-8">
				<section id="cd-timeline" class="cd-container">
					<volist name="list" id="vo">
					<div class="cd-timeline-block">
						<div class="cd-timeline-img cd-picture"> <i class="fa fa-clock-o fa-2x"></i> </div>
						<div class="cd-timeline-content">
							<h2><{$vo.title}></h2>
							<p><{$vo.content}></p>
							<notempty name="vo.comment">
							<p class="timeComment"><{$vo.comment}></p>
							</notempty>
							<div class="clearfix">
								<a href="javascript:void(0)" onclick="openWindow('Edit Node','<{:U('Plan/editnode',array('id'=>$vo['id']))}>')">
									<span class="fa-stack">
									<i class="fa fa-square fa-stack-2x"></i>
									<i class="fa fa-pencil fa-stack-1x fa-inverse"></i>
									</span>
								</a>
								<a href="javascript:void(0)" onclick="openWindow('Comment','<{:U('Plan/commentnode',array('id'=>$vo['id']))}>',600,250)">
									<span class="fa-stack">
									<i class="fa fa-square fa-stack-2x"></i>
									<i class="fa fa-comment-o fa-stack-1x fa-inverse"></i>
									</span>
								</a>
								<a href="<{:U('Plan/delnode',array('id'=>$vo['id']))}>" onClick="if(!confirm('Cannot be recovered after deletion!'))return false;" class="timeDanger">
									<span class="fa-stack">
									<i class="fa fa-square fa-stack-2x"></i>
									<i class="fa fa-trash-o fa-stack-1x fa-inverse"></i>
									</span>
								</a>
							</div>
							<span class="cd-date"><{$vo.startTime|date="m/d/Y",###}> - <{$vo.endTime|date="m/d/Y",###}></span>
						</div>
					</div>
					
					</volist>
				</section>

			</div>
		</div>
	</div>
</div>